<template>
  <div>
    <div>{{ roles }}</div>
    <div>{{cc}}</div>
    <div>{{ccc}}</div>
    <div>{{permissionStore.roles}}</div>
    <el-button @click="() => test(['1', '2', '3'])">Test</el-button>
  </div>
</template>
<script  setup>
import { computed, ref } from "vue";
import { usePermissionStore } from "/@/store/modules/permission";


const cc=ref(2)
const ccc = computed(()=>cc.value*2)
setInterval(() => {
    cc.value++
    console.log(usePermissionStore);
}, 1000);
const roles = computed(() => usePermissionStore.permCodeList);

const test = usePermissionStore.setPermCodeList;
</script>